<template>
  <div class="title-nav d-f ai-c">
    <div class="title-nav-border"></div>
    <div class="title-nav-text">{{ msg }}</div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: {
      type: String,
      default: '查询条件'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.title-nav {
  padding-bottom: 14px;
  .title-nav-border {
    width: 6px;
    height: 25px;
    background: #4080FF;
    margin-right: 10px;
  }

  .title-nav-text {
    font-size: 20px;
    font-weight: 500;
    color: #232323;
    line-height: 20px;
  }

}
</style>
